import axios from 'axios'
import { ElMessage } from 'element-plus'
// 创建 axios 实例
const apiClient = axios.create({
  baseURL: '/api',
  timeout: 10000,
  headers: {
    'Content-Type': 'application/json',
    'Accept': 'application/json'
  }
})

// 请求拦截器
apiClient.interceptors.request.use(
  config => {
    // 在发送请求前做些什么，例如添加认证信息
    const token = localStorage.getItem('token')
    if (token) {
      config.headers.Authorization = `${token}`
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
apiClient.interceptors.response.use(
  response => {
    // 对响应数据做点什么
    return response
  },
  error => {
    // 对响应错误做点什么
    if (error.response && (error.response.status === 401)) {
      // 处理未授权错误
      ElMessage({
        message: '未授权，请重新登录',
        type: 'error' 
      })
    }
    return Promise.reject(error)
  }
)

export default apiClient